<template>
  <div>
    <AzureDynamicTable :data="item.OrderTechRouteVos" :column-des-objs="columnDesObjs" v-for="item in totalTable"
                       :show-seq="true" :is-show-header="true">
      <template slot="tableHead">
        <el-row>
          <el-col :span="12">组件号：<span style="color: #46a6ff">{{item.ProductSoloCode}}</span></el-col>
          <el-col :span="12">组件名称：<span style="color: #46a6ff">{{item.ProductVo.Name}}</span></el-col>
        </el-row>
      </template>
      <template slot="TechVo"  slot-scope="{scope:{row}}">
        <span>{{row.TechVo.Name}}</span>
      </template>
    </AzureDynamicTable>
  </div>
</template>

<script>
  import AzureDynamicTable from '@/components/ATheFridayClub/mDynamicTable/AzureDynamicTable'

  export default {
    name: 'componentProcess',
    props: {
      columnDesObjs: {
        type: Array,
        default: () => [
          {
            label: '用户名',
            key: 'userName',
            isDefaultShowDynamicColumn: false,
            width: ''
          }
        ]
      },
      totalTable: {
        type: Array,
        require: true
      }
    },
    computed: {
      // item.OrderTechRouteVos
    },
    components: { AzureDynamicTable },
    data() {
      return {}
    },
    methods: {
    }
  }
</script>

<style scoped>

</style>
